<template>
  <div>
     <!-- 使用 -->
     <!-- 传出数据 -->
     <HmSon 
     v-for='item in message' 
     :key='item.id'
     :id='item.id'
     :uname='item.uname'
     :famliyName='item.famliyName'
     :age='item.age'
     :profess='item.profess'
     @years='addyear'
     ></HmSon>
   </div>
</template>
 
<script>
// 引入
import HmSon from './hm-Son.vue'


export default {
  name:'HmFather',
  // 注册
  components:{
    HmSon,
  },
  methods:{
    addyear(id){
      this.message.forEach(item=>{item.id===id&&(item.age++)})
    }
  },

  data(){
    return{
       message: [
        {
          id: '1',
          uname: 'harry',
          famliyName: 'despot',
          age: 28,
          profess: '前端'
        },
        {
          id: '2',
          uname: '志豪',
          famliyName: '陈',
          age: 17,
          profess: '测试'
        },
        {
          id: '3',
          uname: '嘉',
          famliyName: '高',
          age: 21,
          profess: '全栈'
        },
        {
          id: '4',
          uname: '涵翔',
          famliyName: '侯',
          age: 18,
          profess: '帕勒马斯'
        }
       ]
    }
  }
};
</script>

<style scoped>
     
</style>